<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"  
                xmlns:h="http://java.sun.com/jsf/html"  
                xmlns:f="http://java.sun.com/jsf/core"  
                xmlns:p="http://primefaces.org/ui"
                xmlns:ui="http://java.sun.com/jsf/facelets">

 <p:ajaxStatus style="width:16px;height:16px;" id="ajaxStatusPanel">  
    <f:facet name="start">  
        <h:graphicImage library="images" name="ajax-loader.gif" />
    </f:facet>  
      
    <f:facet name="complete">  
        <h:outputText value="" />  
    </f:facet>  
</p:ajaxStatus>  
    <h:panelGrid columns="2" width="100%" styleClass="header" columnClasses="header-left,header-right">
        <h:panelGroup>
            <div id="header-left">
                 <h:form style="display: inline;">
                    <p:commandButton value="home" action="home"/>
                </h:form>
                <h:form style="display: inline;">
                    <p:commandButton value="suggest" action="suggest"/>
                </h:form>
                 <h:form style="display: inline;">
                    <p:commandButton value="holdout" action="holdout"/>
                </h:form>
                <h:form style="display: inline;">
                    <p:commandButton value="classification"/>
                </h:form>
            </div>
        </h:panelGroup>
        <h:panelGroup>
            <div id="header-right" style="text-align: right">
                <h:form style="display: inline;" prependId="false">
                    <p:inputText id="searchText" value="#{searchController.screenName}"
                                 onkeypress="if (event.keyCode === 13) {
                                jQuery('#searchButton').click();
                                return true;
                            }" />
                    <p:watermark value="search" for="searchText"/>
                    <p:commandButton id="searchButton" styleClass="searchButton" onclick="alert('seach!');" actionListener="#{searchController.search}" action="search"
                                     icon="ui-icon-search" title="Search"/>
                </h:form>    
                <h:form style="display: inline;">
                    <p:commandButton value="config" action="config"/>
                </h:form>
                <h:form style="display: inline;">
                    <p:commandLink value="logout" actionListener="#{sessionController.logout}" action="logged-out"/>
                </h:form>

            </div>
        </h:panelGroup>
    </h:panelGrid>
</ui:composition>

